<template>
  <div class="col shadow-2 column q-px-lg q-pt-md q-pb-sm bg-white">
    <div class="row no-warp cc-font q-mb-xs">
      {{title}}
      <q-space />
      <q-icon name="mdi-information-outline">
        <q-tooltip>指标说明</q-tooltip>
      </q-icon>
    </div>
    <div class="col text-h4">{{amount}}</div>
    <slot></slot>
    <q-separator class="q-my-sm" />
    <slot name="stat"></slot>
  </div>
</template>

<script>
export default {
  name: 'StatBox',
  components: {},
  props: {
    title: { String },
    amount: { String },
  },
  data() {
    return {
    };
  },
  watch: {},
  computed: {},
  methods: {},
  created() { },
  mounted() { },
};
</script>
<style lang="stylus"></style>
